@keyframes stk-table-dim{
  from{
    background-color:var(--highlight-color);
  }
}
.stk-table{
  --row-height:28px;
  --header-row-height:var(--row-height);
  --cell-padding-x:8px;
  --resize-handle-width:4px;
  --border-color:#e8e8f4;
  --border-width:1px;
  --td-bgc:#fff;
  --td-hover-color:#71a2fd;
  --th-bgc:#fafafc;
  --th-color:#272841;
  --tr-active-bgc:#e6f7ff;
  --tr-hover-bgc:rgba(230, 247, 255, 0.7);
  --bg-border-top:linear-gradient(180deg, var(--border-color) var(--border-width), transparent var(--border-width));
  --bg-border-right:linear-gradient(270deg, var(--border-color) var(--border-width), transparent var(--border-width));
  --bg-border-bottom:linear-gradient(0deg, var(--border-color) var(--border-width), transparent var(--border-width));
  --bg-border-left:linear-gradient(90deg, var(--border-color) var(--border-width), transparent var(--border-width));
  --highlight-color:#71a2fd;
  --highlight-duration:2s;
  --highlight-timing-function:linear;
  --stripe-bgc:#fafafc;
  --sort-arrow-color:#757699;
  --sort-arrow-hover-color:#8f90b5;
  --sort-arrow-active-color:#1b63d9;
  --sort-arrow-active-sub-color:#cbcbe1;
  --col-resize-indicator-color:#87879c;
  --fixed-col-shadow-color-from:rgba(0, 0, 0, 0.1);
  --fixed-col-shadow-color-to:rgba(0, 0, 0, 0);
  position:relative;
  overflow:auto;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  border-left:1px solid #e8e8f4;
  border-left:1px solid var(--border-color);
  background-image:linear-gradient(180deg, #e8e8f4 1px, transparent 1px), linear-gradient(270deg, #e8e8f4 1px, transparent 1px), linear-gradient(0deg, #e8e8f4 1px, transparent 1px);
  background-image:var(--bg-border-top), var(--bg-border-right), var(--bg-border-bottom);
}
.stk-table.dark{
  --th-bgc:#202029;
  --th-color:#C0C0D1;
  --td-bgc:#1b1b24;
  --td-hover-color:#70a6ff;
  --border-color:#292933;
  --tr-active-bgc:#283f63;
  --tr-hover-bgc:#1a2b46;
  --table-bgc:#1b1b24;
  --highlight-color:#1e4c99;
  --stripe-bgc:#202029;
  --sort-arrow-color:#5d6064;
  --sort-arrow-hover-color:#727782;
  --sort-arrow-active-color:#d0d1d2;
  --sort-arrow-active-sub-color:#5d6064;
  --col-resize-indicator-color:#5d6064;
  --fixed-col-shadow-color-from:rgba(135, 135, 156, 0.1);
  --fixed-col-shadow-color-to:rgba(135, 135, 156, 0);
  color:#d1d1e0;
}
.stk-table.headless{
  border-top:1px solid var(--border-color);
  background-image:var(--bg-border-right), var(--bg-border-bottom);
}
.stk-table.col-resizable .stk-table-main{
  width:-moz-fit-content !important;
  width:fit-content !important;
  min-width:-moz-min-content !important;
  min-width:min-content !important;
}
.stk-table.is-col-resizing th{
  pointer-events:none;
}
.stk-table.border-h{
  --bg-border-right:linear-gradient(transparent, transparent);
  --bg-border-left:linear-gradient(transparent, transparent);
}
.stk-table.border-v{
  --bg-border-bottom:linear-gradient(transparent, transparent);
}
.stk-table.border th,
.stk-table.border td{
  background-image:var(--bg-border-right), var(--bg-border-bottom);
}
.stk-table.border thead tr:first-child th{
  background-image:var(--bg-border-top), var(--bg-border-right), var(--bg-border-bottom);
}
.stk-table.border-body-v tbody{
  --bg-border-bottom:linear-gradient(transparent, transparent);
}
.stk-table.stripe:not(.vt-on) .stk-tbody-main tr:nth-child(even){
  background-color:var(--stripe-bgc);
}
.stk-table.stripe.vt-on .stk-tbody-main tr:nth-child(odd){
  background-color:var(--stripe-bgc);
}
.stk-table.stripe.row-hover .stk-tbody-main tr:hover{
  background-color:var(--tr-hover-bgc);
}
.stk-table.stripe.row-active .stk-tbody-main tr.active{
  background-color:var(--tr-active-bgc);
}
.stk-table.row-hover .stk-tbody-main tr:hover{
  background-color:var(--tr-hover-bgc);
}
.stk-table.row-active .stk-tbody-main tr.active{
  background-color:var(--tr-active-bgc);
}
.stk-table.cell-hover tbody td:hover{
  box-shadow:inset 0 0 0 2px var(--td-hover-color);
}
.stk-table.text-overflow .table-cell-wrapper{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.stk-table.header-text-overflow .table-header-cell-wrapper{
  white-space:nowrap;
  overflow:hidden;
}
.stk-table.header-text-overflow .table-header-title{
  text-overflow:ellipsis;
  overflow:hidden;
}
.stk-table.virtual{
}
.stk-table.virtual .table-header-cell-wrapper{
  overflow:hidden;
  max-height:calc(var(--header-row-height) * var(--row-span));
}
.stk-table.virtual tbody td{
  height:var(--row-height);
}
.stk-table.virtual tbody td .table-cell-wrapper{
  max-height:var(--row-height);
  overflow:hidden;
}
.stk-table.virtual .padding-top-tr td{
  height:0;
}
.stk-table.fixed-relative-mode th{
  position:relative;
}
.stk-table.fixed-relative-mode .fixed-cell--active{
  position:relative;
}
.stk-table th,
.stk-table td{
  font-size:14px;
  box-sizing:border-box;
  padding:0 var(--cell-padding-x);
}
.stk-table th{
  color:var(--th-color);
  background-color:inherit;
  z-index:2;
  position:sticky;
}
.stk-table th.sortable{
  cursor:pointer;
}
.stk-table th:not(.sorter-desc):not(.sorter-asc):hover .table-header-sorter .arrow-up{
  fill:var(--sort-arrow-hover-color);
}
.stk-table th:not(.sorter-desc):not(.sorter-asc):hover .table-header-sorter .arrow-down{
  fill:var(--sort-arrow-hover-color);
}
.stk-table th.sorter-desc .table-header-sorter{
  display:inline;
}
.stk-table th.sorter-desc .table-header-sorter .arrow-up{
  fill:var(--sort-arrow-active-sub-color);
}
.stk-table th.sorter-desc .table-header-sorter .arrow-down{
  fill:var(--sort-arrow-active-color);
}
.stk-table th.sorter-asc .table-header-sorter{
  display:inline;
}
.stk-table th.sorter-asc .table-header-sorter .arrow-up{
  fill:var(--sort-arrow-active-color);
}
.stk-table th.sorter-asc .table-header-sorter .arrow-down{
  fill:var(--sort-arrow-active-sub-color);
}
.stk-table thead tr{
  background-color:var(--th-bgc);
  height:var(--header-row-height);
}
.stk-table tbody tr{
  background-color:var(--td-bgc);
  height:var(--row-height);
}
.stk-table .vt-x-left,
.stk-table .vt-x-right{
  padding:0;
  background:none;
  pointer-events:none;
}
.stk-table .column-resize-indicator{
  width:0;
  height:100%;
  border-left:2px solid var(--col-resize-indicator-color);
  position:absolute;
  z-index:10;
  display:none;
  pointer-events:none;
}
.stk-table .stk-table-main{
  border-spacing:0;
  border-collapse:separate;
  width:-moz-fit-content;
  width:fit-content;
  min-width:100%;
}
.stk-table .stk-table-main.fixed-mode{
  table-layout:fixed;
  min-width:-moz-min-content;
  min-width:min-content;
}
.stk-table .fixed-cell{
  background-color:inherit;
}
.stk-table .highlight-cell{
  animation:stk-table-dim var(--highlight-duration);
  animation-timing-function:var(--highlight-timing-function);
}
.stk-table .seq-column{
  text-align:center;
}
.stk-table .fixed-cell--left{
  --shadow-rotate:90deg;
}
.stk-table .fixed-cell--left.fixed-cell--shadow::after{
  right:-10px;
}
.stk-table .fixed-cell--right{
  --shadow-rotate:-90deg;
}
.stk-table .fixed-cell--right.fixed-cell--shadow::after{
  left:-10px;
}
.stk-table .fixed-cell--shadow::after{
  content:'';
  width:10px;
  height:100%;
  top:0px;
  position:absolute;
  pointer-events:none;
  background-image:linear-gradient(var(--shadow-rotate), var(--fixed-col-shadow-color-from), var(--fixed-col-shadow-color-to));
}
.stk-table .fixed-cell--active{
  position:sticky;
}
.stk-table th.fixed-cell--active{
  z-index:3;
}
.stk-table td.fixed-cell--active{
  z-index:1;
}
.stk-table .table-header-cell-wrapper{
  max-width:100%;
  display:inline-flex;
  align-items:center;
}
.stk-table .table-header-title{
  overflow:hidden;
}
.stk-table .table-header-sorter{
  flex-shrink:0;
  margin-left:4px;
  width:16px;
  height:16px;
  display:none;
}
.stk-table .table-header-sorter .arrow-up,
.stk-table .table-header-sorter .arrow-down{
  fill:var(--sort-arrow-color);
}
.stk-table .table-header-resizer{
  position:absolute;
  top:0;
  bottom:0;
  cursor:col-resize;
  width:var(--resize-handle-width);
}
.stk-table .table-header-resizer.left{
  left:0;
}
.stk-table .table-header-resizer.right{
  right:0;
}
.stk-table .highlight-row{
  animation:stk-table-dim var(--highlight-duration);
  animation-timing-function:var(--highlight-timing-function);
}
.stk-table .stk-table-no-data{
  background-color:var(--table-bgc);
  line-height:var(--row-height);
  text-align:center;
  font-size:14px;
  position:sticky;
  left:0px;
  border-right:var(--border-width) solid var(--border-color);
  border-bottom:var(--border-width) solid var(--border-color);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.stk-table .stk-table-no-data.no-data-full{
  flex:1;
}
